import Vue from 'vue'
import App from './App.vue'
import './registerServiceWorker'
import router from './router'
import store from './store'
import Button from "./components/Button.vue"
import ButtonGroup from '@/components/Button-group.vue'
import Icon from '@/components/Icon.vue'
import Input from '@/components/Input.vue'
import Col from '@/components/Col.vue'
import Row from '@/components/Row.vue'
import Header from '@/components/Header.vue'
import Content from '@/components/Content.vue'
import Sider from '@/components/Sider.vue'
import Footer from '@/components/Footer.vue'
import Layout2 from '@/components/Layout2.vue'
import Toast from '@/components/Toast.vue'
import Plugin from '@/Plugin'
import Tabs from '@/components/Tabs.vue'
import TabsPane from '@/components/Tabs-pane.vue'
import TabsItem from '@/components/Tabs-item.vue'
import TabsHead from '@/components/Tabs-head.vue'
import TabsBody from '@/components/Tabs-body.vue'
import Collapse from '@/components/Collapse.vue';
import CollapseItem from '@/components/Collapse-item.vue';

Vue.config.productionTip = false
Vue.component('s-icon',Icon);
Vue.component('s-button',Button);
Vue.component('s-button-group',ButtonGroup)
Vue.component('s-input',Input);
Vue.component('s-col',Col);
Vue.component('s-row',Row);
Vue.component('s-header',Header);
Vue.component('s-content',Content);
Vue.component('s-sider',Sider);
Vue.component('s-footer',Footer);
Vue.component('s-layout',Layout2);
Vue.component('s-toast',Toast);
Vue.component('s-tabs',Tabs);
Vue.component('s-tabs-pane',TabsPane);
Vue.component('s-tabs-item',TabsItem);
Vue.component('s-tabs-head',TabsHead);
Vue.component('s-tabs-body',TabsBody);
Vue.component('s-collapse',Collapse)
Vue.component('s-collapse-item',CollapseItem)

Vue.use(Plugin)
new Vue({
  router,
  store,
  render: h => h(App),

}).$mount('#app')


